<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>直播单</title>
    <script src="js/framework7.min.js"></script>
    <script src="js/vue.js"></script>
    <script src="js/framework7-vue.min.js"></script>
    <link rel="stylesheet" href="css/framework7.material.css">
    <link rel="stylesheet" href="css/framework7.material.colors.css">
    <link rel="stylesheet" href="css/framework7-icons.css">
    <link rel="stylesheet" href="css/live.css">
</head>

<body>
<div id="app">
    <div class="views" v-show="true">
        <!-- Your main view, should have "view-main" class-->
        <div class="view view-main">
            <div class="pages bg-white">
                <div data-page="tabs-swipeable" class="page toolbar-fixed" v-if="items.length != 0">
                    <div class="toolbar tabbar tabbar-scrollable">
                        <div class="toolbar-inner">
                            <template v-for="item in items">
                                <a v-bind:href="item.index" :class="item.clazz">{{item.lcname}}</a>
                            </template>
                        </div>
                    </div>
                    <div class="tabs-swipeable-wrap" v-if="items.length != 0">
                        <div class="tabs" >
                            <template v-for="item in items">
                                <div :id="item.target" class="page-content  infinite-scroll tab contacts-content ">
                                    <div class="list-block" style="margin-top: 0 ">
                                        <div class="list-group ">
                                            <ul>
                                                <template v-for="dateitem in typeitems[item.target].dateitems">
                                                    <li class="list-group-title"  v-show="dateitem.data.length!=0" :class="'tab'+dateitem.date"  style="text-align: center">{{dateitem.date|titledatefilter}}&nbsp&nbsp&nbsp&nbsp{{dateitem.week}}</li>
                                                    <!--<ul v-for="dateitem in dateitems">-->
                                                    <template v-for="item in dateitem.data " v-show="dateitem.data.length!=0">
                                                        <li class="contact-item">
                                                            <a href="#" class="swipeout-content">
                                                                <div class="item-content" style="margin-right: 1em;">
                                                                    <div class="overhide" style="width: 45vw;margin-right: 1em" v-html="replacelivecontent(item)">
                                                                    </div>
                                                                    <div class="center" style="width: 10vw;text-align: center">
                                                                        <div class="icon" v-html="iconfilter(item)">
                                                                        </div>
                                                                    </div>
                                                                    <div class="item-title-row" style="width: 45vw">
                                                                        <div class="item-title" style="text-align: right" v-html="replace(item)">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                    </template>

                                                </template>
                                                <div class="movie-infinite-scroll-preloader infinite-scroll-preloader" v-if="typeitems[item.target].dateitems.length ==0">
                                                    <div style="font-size:small;color: gray;padding:auto">正在加载...</div>
                                                </div>
                                                <div class="movie-infinite-scroll-preloader infinite-scroll-preloader" v-if="typeitems[item.target].dateitems.length !=0">
                                                    <div style="font-size:small;color: gray;padding:auto">没有数据了</div>
                                                </div>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </template>
                        </div>
                    </div>
                </div>
                <div v-if="items.length == 0">
                    <div class="page-content login-screen-content" style="background-color: #FAFAFA;height: 100vh" >
                        <div class="login-screen-title">
                            <img :src="nocontent" style="width:100%;height:100%;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--<script src="m"></script>-->
<script src="js/live.js"></script>

</body>
</html>